<template>
 <div >


  <el-container>
  <el-aside width="50%">
    <img src="~@/assets/desk.jpg" alt="" id="dec" >
  </el-aside>

  <el-main id="building">
    <pre >
     
              <b> 
                <div id="line1">轻松交付，高效优化改进</div>
                  <div id="line1">高效编程，轻松还原设计</div>
                  <div id="line1">全局管控，产品更快出炉</div>
              </b>>


    </pre>
   <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  </el-main>
  </el-container>

    
 </div>
 
</template>


<script>
  export default {
    data() {
      return {
        active: 0
      };
    },

    methods: {
     openPage1(){
      //跳转至原型设计页面
      setTimeout(() => {this.$router.push("/mainpage")}, 10);
      // window.open('http://localhost:8080/graphdesign')
    },
     openPersonal(){
      //跳转至个人主页
      setTimeout(() => {this.$router.push("/personal")}, 10);
      // window.open('http://localhost:8080/graphdesign')
    }
    }
  }


</script>

<style scoped>
#building{
background:url("~@/assets/bg3.jpg");
width:100%;		
height:100%;		
height: 100%;
width: 100%;
background-size:100% 100%;
font-size: large;
color:antiquewhite;
font-family: "宋体";
}

#words{
  text-shadow:black;

  text-align: center;
  margin: 200px 600px 300px 400px;
}
#dec{
  width: 100%;
  height: 95%;
}

#line1{
  font-size: 40px;
  margin-left: 20px;
  padding-left: 0px;
}


</style>